.eye {
    position: absolute;
    width: 10.542%;
    height: 29.354%;
    background-color: var(--black-color);
    border-radius: 50px / 100px;
    transform: rotate(350deg);
    box-shadow: 0px 0 3px var(--black-color);

    .eye-inner {
        background-color: var(--white-color);
        width: 64.705%;
        height: 33.333%;
        border-radius: 70px / 100px;
        box-shadow: 0px 0 3px var(--white-color);
        position: absolute;
        left: 20.588%;
        top: 4.666%;

        &::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: var(--blue-color);
            border-radius: 70px / 100px;
            left: 0px;
            top: 167.515%;
            box-shadow: 0px 0 3px var(--black-color);
        }

        &::after {
            content: '';
            position: absolute;
            width: 100%;
            height: 60.365%;
            background-color: var(--black-color);
            border-radius: 70px / 100px;
            left: 0;
            top: 162.175%;
            filter: blur(2px);
        }
    }
}

.eye-left {
    top: 10%;
    left: 45.180%;
}

.eye-right {
    top: 11%;
    left: 66.265%;
}

